<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link href="style/weibo.css" rel="stylesheet" type="text/css"/>
  <script src="./vue.js"></script>

</head>
<body>
<div class="jyArea">
  <take-comment></take-comment>
  <comment-on></comment-on>
</div>
</body>
<script>
  new Vue({
    el: ".jyArea",
    components: {
      TakeComment:{
        template:(`
				    <div class="takeComment">
                        <textarea name="textarea" class="takeTextField" id="tijiaoText"></textarea>
                        <div class="takeSbmComment">
                            <input type="button" class="inputs" value=""/>
                        </div>
                    </div>
				`)
      },
      "comment-on":{
        template:(`
				    <div class="commentOn">
                        <div class="noContent">暂无留言</div>
                        <div class="messList">
                            <div class="reply">
                                <p class="replyContent">内容</p>
                                <p class="operation">
                                    <span class="replyTime">2024.03.10 01:01:01</span>
                                    <span class="handle">
                                        <a href="javascript:;" class="top">0</a>
                                        <a href="javascript:;" class="down_icon">9</a>
                                        <a href="javascript:;" class="cut">删除</a>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <page-list></page-list>
                    </div>
				`),
        components:{
          PageList:{
            template:(`
						     <div class="page">
                                <a href="javascript:;" class="active">1</a>
                                <a href="javascript:;">2</a>
                                <a href="javascript:;">3</a>
                            </div>
						`)
          }
        }
      }
    }
  })


</script>
</html>